const HtmlWebpackPlugin = require('html-webpack-plugin');
// const { css } = require('jquery');
// webpack 基于node环境
const path = require('path')
module.exports = {
    // 打包入口
    entry: './src/main.js',
    // 打包出口
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js',
    },
    plugins: [new HtmlWebpackPlugin({
        // filename: 'index.html',
        template: './public/myUL.html'
    })],
    module: {
        rules: [
            // css
            {
                test: /\.css$/i,
                use: ["style-loader", "css-loader"],
            },
            // less
            {
                test: /\.less$/i,
                use: ["style-loader", "css-loader", "less-loader"]  // 将 Less 文件编译为 CSS 文件
            },
            // 配置图片
            {
                test: /\.(png|jpe?g|gif)$/i,
                use: [
                    {
                        loader: 'file-loader',
                        options: { // 如果文件超出此限制就会交给file-loader处理(原封不动改名输出到dist下)
                            limit: 8192, // 1kb=1024b, 8kb=8192b
                        },
                    },
                ],
            },
            {
                test: /\.(eot|svg|ttf|woff|woff2)$/i,
                use: [
                    {
                        loader: 'url-loader',
                        options: { // 如果文件超出此限制就会交给file-loader处理(原封不动改名输出到dist下)
                            limit: 8192, // 1kb=1024b, 8kb=8192b
                        },
                    },
                ],
            },
        ],
    },
}